<template>
    <div class="hero bg-base-200 mt-36">
        <div class="hero-content flex-col lg:flex-row">
            <img src="https://api.lorem.space/image/movie?w=260&h=400" class="max-w-sm rounded-lg shadow-2xl" />
            <div>
                <h1 class="text-5xl font-bold">Box Office News!</h1>
                <button class="btn btn-primary">Get Started</button>
            </div>
        </div>
    </div>

</template>